<html lang="en">

<#include "/website/default/common/head.html" />

<body>

<#include "/website/default/common/header.html" />

<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <ol class="breadcrumb" style="margin-top: 10px; margin-bottom: 10px;">
                <li><a href="/">首页</a></li>
                <li><a href="/ch/${cmsChannel.channelDir}/index">联系我们</a></li>
            </ol>
        </div>
    </div>
</div>
<!-- 整站内容区 begin -->
<section class="main">
    <!--列表页 begin-->
    <div class="index-row our-about not-animated" data-animate="fadeInUp" data-delay="200">
        <div class="container">
            <div class="row">
                <#if pageList.list?? && pageList.list?size gt 0>
                    <#list pageList.list as cmsArticle>
                        <div class="col-sm-12">
                            <div class="media our-news-item">
                                <div class="media-left">
                                    <a class="thumbnail"
                                       href="/article/detail/${cmsArticle.id}?channelId=${cmsChannel.id}">
                                        <img class="media-object"
                                             src="${cmsArticle.thumbnail}"
                                             alt="${cmsArticle.title}">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <a href="/article/detail/${cmsArticle.id}?channelId=${cmsChannel.id}">
                                        <h4 class="media-heading">${cmsArticle.title}</h4></a>
                                    <div class="dynamic-li">
                                        <span>时间：${(cmsArticle.createTime?string('yyyy-MM-dd HH:mm:ss'))!} </span>
                                    </div>
                                    <p>
                                        ${cmsArticle.description}</p>
                                    <div class="dynamic-li">
                                        <a href="/article/detail/${cmsArticle.id}?channelId=${cmsChannel.id}">[详细]</a>
                                        <span>作者：${cmsArticle.author} </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </#list>
                </#if>
            </div>
            <div id="callBackPager">
                <div class="pagination"></div>
            </div>
        </div>
    </div>
    <!--列表页 end-->


    <!--通用滚动器 begin-->
    <#include "/website/default/common/slider.html" />
    <!--通用滚动器 end-->
</section>
<!-- 整站内容区 end -->

<#include "/website/default/common/footer.html" />


<#include "/website/default/common/mobile-bottom.html" />

<#include "/website/default/common/bottom.html" />

<script src="/static/website/default/plugins/jqPaginator/jqPaginator.js"></script>
<script>
    const json = {
        "total": '${pageList.totalCount}',
        "pageCurrent": parseInt('${pageList.pageCurrent}')
    };

    const pageSize = '${pageList.pageSize}';
    $.jqPaginator('.pagination', {
        totalPages: Math.ceil(json.total/pageSize),
        visiblePages: 5,
        currentPage:json.pageCurrent,
        first: '<li class="first"><a href="/article/${cmsChannel.channelDir}/list_{{page}}">首页</a></li>',
        last: '<li class="last"><a href="/article/${cmsChannel.channelDir}/list_{{page}}">末页</a></li>',
        prev: '<li class="prev"><a href="/article/${cmsChannel.channelDir}/list_{{page}}">上页</a></li>',
        next: '<li class="next"><a href="/article/${cmsChannel.channelDir}/list_{{page}}">下页</a></li>',
        page: '<li class="page"><a href="/article/${cmsChannel.channelDir}/list_{{page}}">{{page}}</a></li>'
    });
</script>
</body>
